<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>厦门萌岛</title>
    <link rel="stylesheet" href="common.css" type="text/css">
    <style>
        #home {
            width: 100%;
            height: 100vh;
        }

        .back {
            width: 100%;
            height: 75vh;
            padding: 20vh 0 5vh 0;
            background-color: #f7e37d;
            text-align: center;
        }

        .logo_title img{
            width: 17vw;
        }

        .logo_title_name {
            font-size: 6vw;
        }

        .logo_about {
            font-weight: 100;
            font-size: 3.5vw;
            margin-top: 2vw;
            color: #544840;
          
        }

        .home_industry {
            padding: 22vh 25vw 0 25vw;
            display: flex;
            justify-content: space-between;
            align-items: center;
  
        }

        .home_industry p {
            margin-top: 0.5vw;
           font-size: 1.5vw;
           color: #544840;
           font-weight: 100;
          
        }
        .home_industry>div{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
      
    </style>
</head>

<body>
    <div id="home">
        <div class="back">
            <div class="logo">
                <div class="logo_title">
                    <img src="./img/LOGO.png" alt="">
                </div>
                <div class="logo_about">
                    <p>深耕娃娃机全产业链</p>
                </div>
            </div>
            <div class="home_industry">
                <div class="home_industry_copyright">
                    <img src="./img/ICON01.png" >
                    <p>IP 聚合平台</p>
                </div>
                <div class="home_industry_supply">
                        <img src="./img/ICON02.png" >
                        <p>供应链</p>
                </div>
                <div class="home_industry_channel">
                        <img src="./img/ICON03.png" >
                        <p>线下渠道</p>
                </div>
                <div class="home_industry_event">
                        <img src="./img/ICON04.png" >
                        <p>线上渠道</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>